<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-wrap align-center justify-between benben-position-layout flex detailsRefund_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center detailsRefund_fd0_0' @tap.stop="handleJumpDiy" data-type="back"
          data-url="1">
          <image class='detailsRefund_fd0_0_c0' mode="aspectFit" :src='STATIC_URL+"234.png"'></image>
        </view>
        <text class='detailsRefund_fd0_1'>{{$t('订单详情')}}</text>
        <view class='flex flex-wrap align-center detailsRefund_fd0_0'>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <benben-popup v-model="popupShow1707287093678" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
        <!---清除本地缓存flex布局开始-->
        <view class="flex benben-flex-layout flex-wrap align-center">
          <view class='flex flex-direction flex-wrap align-center detailsRefund_fd1_0'>
            <text class='detailsRefund_fd1_0_c0'>{{$t('提示')}}</text>
            <text class='detailsRefund_fd1_0_c1'>{{$t('是否撤销售后？')}}</text>
            <view class='flex align-center detailsRefund_fd1_0_c2'>
              <button class='detailsRefund_fd1_0_c2_c0' @tap.stop="popupShow1707287093678=false">{{$t('取消')}}</button>
              <button class='detailsRefund_fd1_0_c2_c1' @tap.stop="applicationmmFunc()">{{$t('确认')}}</button>
            </view>
          </view>
        </view>

        <!---清除本地缓存flex布局结束-->

      </benben-popup>
      <!---退款-进度flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsRefund_flex_2">
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0'
          v-if="dataDetails.afterSaleNum=='10'">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>收回商品</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode=" aspectFit" :src='STATIC_URL+"302.png"'>
            </image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c3'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>{{$t('请等待商家处理')}}</text>
            <text class='detailsRefund_fd2_0_c2_c1'>{{$t('您已成功发起退款申请，请耐心等待商家处理。')}}</text>
            <text class='detailsRefund_fd2_0_c2_c2'>{{$t('商家同意后，请按照给出的退货地址退货，并请填写退货运单号进行提交。')}}</text>
            <text class='detailsRefund_fd2_0_c2_c3'>{{$t('如商家拒绝，您可以修改申请后再次发起，商家会重新处理。')}}</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1'
          v-if="dataDetails.afterSaleNum=='20'">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>收回商品</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c3'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>等待收回商品</text>
            <text class='detailsRefund_fd2_1_c2_c1'>{{$t('商家已同意退货申请，请等待商家收回商品。')}}</text>
            <text class='detailsRefund_fd2_0_c2_c2'>{{$t('与商家协商一致，会由商家上门回收商品，如有疑问可联系回收人')}}</text>
            <!-- <text class='detailsRefund_fd2_0_c2_c3'>{{$t('请填写真实的退货物流信息，逾期未填写，退货申请将自动关闭。')}}</text> -->
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1_c3'>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0'>
              <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0_c0'>
              </view>
              <text class='detailsRefund_fd2_1_c3_c0_c1'>回收人信息</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('收货人')}}</text>
              <text class='detailsRefund_fd2_1_c3_c1_c1'>{{dataDetails.shopName}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('联系电话')}}</text>
              <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.shopPhone}}</text>
            </view>
            <view class='flex align-start detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c3_c0'>{{$t('退货地址')}}</text>
              <text class='detailsRefund_fd2_1_c3_c3_c1'>{{dataDetails.receiver_address}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c4'>
              <text class='detailsRefund_fd2_1_c3_c4_c0'
                @tap.stop="copyText(dataDetails.receiver_address)">{{$t('复制')}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1'
          v-if="dataDetails.afterSaleNum=='30'">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('寄回商品')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode=" aspectFit" :src='STATIC_URL+"302.png"'>
            </image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c3'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>{{$t('请等待商家退款')}}</text>
            <text class='detailsRefund_fd2_1_c2_c1'>{{$t('商品已寄回，请等待商家收货并退款')}}</text>
            <text class='detailsRefund_fd2_0_c2_c2'>{{$t('如果商家收到货并验货无误，将操作退款给您。钱款原路返回至您支付时选择的账户。')}}</text>
          </view>
          <!-- <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1_c3'>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0'>
              <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0_c0'>
              </view>
              <text class='detailsRefund_fd2_1_c3_c0_c1'>{{$t('寄回地址')}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('收货人')}}</text>
              <text class='detailsRefund_fd2_1_c3_c1_c1'>{{dataDetails.receiver_name}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('联系电话')}}</text>
              <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.receiver_mobile}}</text>
            </view>
            <view class='flex align-start detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c3_c0'>{{$t('退货地址')}}</text>
              <text class='detailsRefund_fd2_1_c3_c3_c1'>{{dataDetails.receiver_address}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c4'>
              <text class='detailsRefund_fd2_1_c3_c4_c0'
                @tap.stop="copyText(dataDetails.receiver_address)">{{$t('复制')}}</text>
            </view>
          </view> -->
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1'
          v-if="dataDetails.afterSaleNum=='40' ">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('寄回商品')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c3'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_3_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>{{$t('售后已完成')}}</text>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_3_c3'>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0'>
              <text class='detailsRefund_fd2_3_c3_c0_c0'>{{$t('商家已退款')}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款金额')}}</text>
              <text class='detailsRefund_fd2_3_c3_c1_c1'>{{$t('¥')}}</text>
              <text class=' detailsRefund_fd2_3_c3_c1_c2'>
                <text class=' detailsRefund_price1_fd2_3_c3_c1_c2'>{{ dataDetails.refund_money | frontPrice }}</text>
                <text class=' detailsRefund_price1_fd2_3_c3_c1_c2'>{{ dataDetails.refund_money | laterPrice }}</text>
              </text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款账户')}}</text>
              <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.refund_pay_type_title}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款时间')}}</text>
              <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.refund_time}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1'
          v-if="dataDetails.stateNum=='10' ">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>{{$t('请等待商家处理')}}</text>
            <text class='detailsRefund_fd2_1_c2_c1'>{{$t('您已成功发起退款申请，请耐心等待商家处理。')}}</text>
            <text class='detailsRefund_fd2_0_c2_c2'>{{$t('商家同意，系统将退款给您 如商家拒绝，您可以修改申请后再次发起，商家会重新处理。')}}</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1' v-if="dataDetails.stateNum=='40'">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_3_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>{{$t('售后已完成')}}</text>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_3_c3'>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0'>
              <text class='detailsRefund_fd2_3_c3_c0_c0'>{{$t('商家已退款')}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款金额')}}</text>
              <text class='detailsRefund_fd2_3_c3_c1_c1'>{{$t('¥')}}</text>
              <text class=' detailsRefund_fd2_3_c3_c1_c2'>
                <text class=' detailsRefund_price1_fd2_3_c3_c1_c2'>{{ dataDetails.refund_money | frontPrice }}</text>
                <text class=' detailsRefund_price1_fd2_3_c3_c1_c2'>{{ dataDetails.refund_money | laterPrice }}</text>
              </text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款账户')}}</text>
              <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.refund_pay_type_title}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款时间')}}</text>
              <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.refund_time}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'
          v-if="dataDetails.stateNum=='50'">
          <text class='detailsRefund_fd2_0_c2_c0'>{{$t('售后关闭')}}</text>
          <view class='flex flex-wrap align-center detailsRefund_fd2_6_c1'>
            <text class='detailsRefund_fd2_6_c1_c0'>{{$t('撤销时间')}}</text>
            <text class='detailsRefund_fd2_6_c1_c1'>{{dataDetails.cancel_time}}</text>
          </view>
          <text class='detailsRefund_fd2_0_c2_c3'>{{$t('您已撤销本次退款申请，如有问题未解决，您可重新发起申请')}}</text>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'
          v-if="dataDetails.stateNum=='12'">
          <text class='detailsRefund_fd2_0_c2_c0'>{{$t('售后拒绝')}}</text>
          <view class='flex flex-wrap align-center detailsRefund_fd2_6_c1'>
            <text class='detailsRefund_fd2_6_c1_c0'>{{$t('拒绝原因:')}}</text>
            <text class='detailsRefund_fd2_6_c1_c1'>{{dataDetails.audRemark}}</text>
          </view>
          <text class='detailsRefund_fd2_0_c2_c3'>{{$t('商家已拒绝您的申请')}}</text>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1' v-if="dataDetails.stateNum=='40'">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('寄回商品')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c3'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>{{$t('请等待商家退款')}}</text>
            <text class='detailsRefund_fd2_1_c2_c1'>{{$t('商品已寄回，请等待商家收货并退款')}}</text>
            <text class='detailsRefund_fd2_0_c2_c2'>{{$t('如果商家收到货并验货无误，将操作退款给您。钱款原路返回至您支付时选择的账户。')}}</text>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1_c3'>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0'>
              <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0_c0'>
              </view>
              <text class='detailsRefund_fd2_1_c3_c0_c1'>{{$t('寄回地址')}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('收货人')}}</text>
              <text class='detailsRefund_fd2_1_c3_c1_c1'>{{dataDetails.receiver_name}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('联系电话')}}</text>
              <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.receiver_mobile}}</text>
            </view>
            <view class='flex align-start detailsRefund_fd2_1_c3_c1'>
              <text class='detailsRefund_fd2_1_c3_c3_c0'>{{$t('退货地址')}}</text>
              <text class='detailsRefund_fd2_1_c3_c3_c1'>{{dataDetails.receiver_address}}</text>
            </view>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c4'>
              <text class='detailsRefund_fd2_8_c3_c4_c0'
                @tap.stop="copyText(dataDetails.receiver_address)">{{$t('复制')}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_1'
          v-if="dataDetails.stateNum=='40' ">
          <view class='flex flex-wrap align-center justify-between detailsRefund_fd2_0_c0'>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('提交申请')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('商家审核')}}</text>
            <text class='detailsRefund_fd2_0_c0_c0'>{{$t('退款完成')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_0_c1'>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"302.png"'></image>
            <view class='flex flex-wrap align-center flex-sub detailsRefund_fd2_0_c1_c1'>
            </view>
            <image class='detailsRefund_fd2_0_c1_c2' mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_0_c2'>
            <text class='detailsRefund_fd2_0_c2_c0'>{{$t('请等待商家处理')}}</text>
            <text class='detailsRefund_fd2_1_c2_c1'>{{$t('您已成功发起退款申请，请耐心等待商家处理。')}}</text>
            <text class='detailsRefund_fd2_0_c2_c2'>{{$t('商家同意，系统将退款给您 如商家拒绝，您可以修改申请后再次发起，商家会重新处理。')}}</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch detailsRefund_fd2_10'>
          <view class='flex flex-wrap align-center detailsRefund_fd2_10_c0'>
            <view class='flex flex-wrap align-center detailsRefund_fd2_1_c3_c0_c0'>
            </view>
            <text class='detailsRefund_fd2_1_c3_c0_c1'>{{$t('退款信息')}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_10_c1' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/fl/shopDetail/shopDetail?id=${dataDetails.comdIdk}`">
            <image class='detailsRefund_fd2_10_c1_c0' mode="aspectFill" :src='dataDetails.coverPic'></image>
            <view class='flex flex-direction flex-wrap align-stretch flex-sub detailsRefund_fd2_10_c1_c1'>
              <text class='detailsRefund_fd2_10_c1_c1_c0'>{{dataDetails.comdName}}</text>
              <text
                class='detailsRefund_fd2_10_c1_c1_c1'>{{dataDetails.comPropItemNames}}<text>{{dataDetails.propItemName}}</text></text>
              <view class='flex flex-wrap align-center' v-if="types==1">
                <text class='detailsRefund_fd2_10_c1_c1_c2_c0'>{{$t('¥')}}</text>
                <text class=' detailsRefund_fd2_10_c1_c1_c2_c1'>
                  <text>{{ dataDetails.sellPrice | frontPrice }}</text>
                  <text class=' detailsRefund_price2_fd2_10_c1_c1_c2_c1'>{{ dataDetails.sellPrice | laterPrice }}</text>
                </text>
                <view class='flex flex-wrap align-center detailsRefund_fd2_10_c1_c1_c2_c2'>
                  <text class='detailsRefund_fd2_1_c3_c1_c0'>x</text>
                  <text class='detailsRefund_fd2_1_c3_c1_c0'>{{dataDetails.secQuantNum}}</text>
                </view>
              </view>
              <view class='flex flex-wrap align-center' v-if="types==2">
                <text class='detailsRefund_fd2_10_c1_c1_c2_c0'>{{$t('¥')}}</text>
                <text class=' detailsRefund_fd2_10_c1_c1_c2_c1'>
                  <text>{{ dataDetails.rentMoeny | frontPrice }}</text>
                  <text class=' detailsRefund_price2_fd2_10_c1_c1_c2_c1'>{{ dataDetails.rentMoeny | laterPrice }}</text>
                </text>
                <text class="text-333 text-weight-600 text-xs margin-left-xs">押金 ¥{{ dataDetails.rentPrice || 0}}</text>
                <view class='flex flex-wrap align-center detailsRefund_fd2_10_c1_c1_c2_c2'>
                  <text class='detailsRefund_fd2_1_c3_c1_c0'>x</text>
                  <text class='detailsRefund_fd2_1_c3_c1_c0'>{{dataDetails.secQuantNum}}</text>
                </view>
              </view>
            </view>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_10_c2'>
            <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('服务类型')}}</text>
            <text class='detailsRefund_fd2_1_c3_c2_c1' v-if="dataDetails.afSaleType=='1'">退款（无需退货）</text><text
              class='detailsRefund_fd2_1_c3_c2_c1' v-else-if="dataDetails.afSaleType=='2'">退货退款</text>
            <text class='detailsRefund_fd2_1_c3_c2_c1' v-else-if="dataDetails.afSaleType=='3'">维修</text>
            <text class='detailsRefund_fd2_1_c3_c2_c1' v-else>退货退款</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_10_c2'>
            <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款原因')}}</text>
            <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.reason}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_10_c2'>
            <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('申请时间')}}</text>
            <text class='detailsRefund_fd2_1_c3_c2_c1'>{{dataDetails.applyTime}}</text>
          </view>
          <view class='flex flex-wrap align-center detailsRefund_fd2_10_c2'>
            <text class='detailsRefund_fd2_1_c3_c1_c0'>{{$t('退款编号')}}</text>
            <text class='detailsRefund_fd2_10_c5_c1'>{{dataDetails.retSaleNo}}</text>
            <text class='detailsRefund_fd2_10_c5_c2' @tap.stop="copyText(dataDetails.retSaleNo)">{{$t('复制')}}</text>
          </view>
          <view class='flex flex-wrap align-start detailsRefund_fd2_1_c3_c1'>
            <text class='detailsRefund_fd2_10_c6_c0'>{{$t('退款凭证')}}</text>
            <view class='flex flex-wrap align-center flex-sub'>
              <template v-for='(item,key0) in dataDetails.reasonImagess'>
                <view class='flex flex-wrap align-center detailsRefund_fd2_10_c6_c1_c0' :key='key0'>
                  <image class='detailsRefund_fd2_10_c6_c1_c0_c0' mode="aspectFill" :src='item'
                    @tap.stop="multiImagePreview(item,dataDetails.reasonImages,key0)"></image>
                </view>
              </template>

              <text class='detailsRefund_fd2_10_c6_c1_c1' v-if=" dataDetails.reasonImagess.length<=0">无</text>
            </view>
          </view>
        </view>
        <view class='flex flex-wrap align-center detailsRefund_fd2_11'>
          <image class='detailsRefund_fd2_11_c0' mode="aspectFit" :src='STATIC_URL+"304.png"'
            @tap.stop="callMobile(systemsInfo)"></image>
          <text class='detailsRefund_fd2_11_c1' @tap.stop="callMobile(systemsInfo)">{{$t('联系平台')}}</text>
          <button class='detailsRefund_fd2_11_c2' @tap.stop="popupShow1707287093678=true"
            v-if="dataDetails.stateNum=='10' ">{{$t('撤销申请')}}</button>
          <!-- <button class='detailsRefund_fd2_11_c2' @tap.stop="popupShow1707287093678=true"
            v-if="dataDetails.afterSaleNum=='1' && dataDetails.express_no==''">{{$t('撤销申请')}}</button> -->
          <!-- <button class='detailsRefund_fd2_11_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/ddgl/returnInformation/returnInformation?aid=${dataDetails.id}&thumb=${dataDetails.coverPic}&name=${dataDetails.comdName}&sku_name=${dataDetails.comPropItemNames}&price=${dataDetails.sellPrice}&num=${dataDetails.secQuantNum}`"
            v-if="dataDetails.refund_type=='2' && dataDetails.status=='1'">{{$t('寄回信息')}}</button> -->
          <!-- <button class='detailsRefund_fd2_11_c3_1' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/ddgl/refundLogisticsCheck/refundLogisticsCheck?order_id=${dataDetails.id}`"
            v-if="dataDetails.refund_type=='2' && dataDetails.status=='2'">{{$t('查看物流')}}</button> -->
          <button class='detailsRefund_fd2_11_c3_1' @tap.stop="deleteAfterpjFunc()"
            v-if="dataDetails.stateNum=='40' || dataDetails.stateNum=='50'|| dataDetails.stateNum=='51'">{{$t('删除订单')}}</button>
          <button class='detailsRefund_fd2_11_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/ddgl/serviceApply/serviceApply?aid=${id}&type=edit&types=${types}`"
            v-if=" dataDetails.stateNum=='10' || dataDetails.stateNum=='12'">修改申请</button>
        </view>
      </view>

      <!---退款-进度flex布局结束-->
      <benben-popup v-model="popupShow1679910159767" :mask="true" :mask-close-able="true" mode='center'>
        <!---退款-撤销成功flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout detailsRefund_flex_3">
          <view class='flex flex-direction flex-wrap align-center detailsRefund_fd3_0'>
            <text class='detailsRefund_fd3_0_c0'>{{$t('系统提示')}}</text>
            <image class='detailsRefund_fd3_0_c1' mode="aspectFit" :src='STATIC_URL+"305.png"'></image>
            <text class='detailsRefund_fd3_0_c2'>{{$t('撤销申请成功')}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-center detailsRefund_fd3_1'>
            <image class='detailsRefund_fd3_1_c0' mode="aspectFit" :src='STATIC_URL+"306.png"'
              @tap.stop="popupShow1679910159767=false"></image>
          </view>
        </view>

        <!---退款-撤销成功flex布局结束-->

      </benben-popup>


    </view>
  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js'

  export default {
    components: {},


    data() {
      return {
        "popupShow1679910159767": false,
        "popupShow1707287093678": false,
        "cut": "1",
        "dataDetails": {
          "aid": "",
          "member_id": "",
          "uid": "",
          "create_time": "",
          "update_time": "",
          "sort": "",
          "is_del": "",
          "status": "",
          "create_id": "",
          "row_lock": "",
          "refund_type": "",
          "refund_reason": "",
          "refund_content": "",
          "refund_money": "",
          "refund_time": "",
          "express_no": "",
          "express_company_id": "",
          "server_no": "",
          "refund_id": "",
          "refund_pay_type": "",
          "refund_reject": "",
          "receiver_remark": "",
          "receiver_mobile": "",
          "receiver_address": "",
          "receiver_name": "",
          "cancel_time": "",
          "is_defective": "",
          "is_delete": "",
          "shipping_time": "",
          "receive_time": "",
          "receiver_imgs": "",
          "receiver_remarks": "",
          "inviter_id": "",
          "order_id": "",
          "order_goods_id": "",
          "goods_id": "",
          "sku_id": "",
          "num": "",
          "usermerchant_id": "",
          "user_id": "",
          "order_sn": "",
          "surplus_refund_money": "",
          "goods_money": "",
          "order_type": "",
          "pay_type": "",
          "pay_status": "",
          "payable_money": "",
          "total_refund_money": "",
          "order_status": "",
          "user_nickname": "",
          "head_img": "",
          "mobile": "",
          "shop_price": "",
          "goods_num": "",
          "goods_name": "",
          "sku_name": "",
          "goods_thumb": "",
          "status_title": "",
          "refund_type_title": "",
          "refund_pay_type_title": "",
          "order_type_title": "",
          "refund_picture": [],
          "shop_info": {
            "store_name": "",
            "store_logo": "",
            "aid": ""
          },
          "allow_reapply": ""
        },
        "text": "shenqingchengg",
        "isShowLoading": false,
        "systemsInfo": "",
        "id": "257",
        reasonImages: [],
        types: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      let {
        id,
        types
      } = options
      if (id !== undefined) this.id = id
      if (types !== undefined) this.types = types
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      this.getDetailFunc()
      // this.getmobileFunc()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      multiImagePreview(item, list, index) {
        uni.previewImage({
          urls: list,
          current: index
        })
      },
      //售后-取消申请
      async applicationmmFunc() {

        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.repealApplySaleService
        } else {
          urlsdata = global.apiUrls.repealApplyLeaSaleService
        }
        let data6427d9581deed = await this.$api.post(urlsdata, {
          id: this.id
        });

        if (data6427d9581deed.data.code != 0) {
          this.$message.info(data6427d9581deed.data.msg);
          return
        }



        this.popupShow1707287093678 = false;
        uni.$emit('shenqingchenggss', this.text)
        this.getDetailFunc()
      },
      //售后-售后删除
      async deleteAfterpjFunc() {
        //请求方法
        //数据验证

        let data6427dbbacba58 = await this.$api.post(global.apiUrls.deleteBuyOrder, {
          id: this.id
        });

        if (data6427dbbacba58.data.code != 0) {
          this.$message.info(data6427dbbacba58.data.msg);
          return
        }



        this.$message.info('删除成功');
        uni.$emit('shenqingchenggss', this.text)
        setTimeout(() => {
          this.$urouter.navigateBack(1);
        }, 800)
      },
      //获取售后详情
      async getDetailFunc() {
        //请求方法
        //数据验证
        let urlsdata = ''
        if (this.types == 1) { //购买
          urlsdata = global.apiUrls.applySaleOrderDetail
        } else {
          urlsdata = global.apiUrls.applyLeaSaleOrderDetail
        }
        let datadataDetails = await this.$api.get(urlsdata, {
          id: this.id
        });

        if (datadataDetails.data.code != 0) {
          this.$message.info(datadataDetails.data.msg);
          return
        }
        let infodataDetails = datadataDetails.data;
        this.dataDetails = infodataDetails.data
        this.systemsInfo = this.dataDetails.shopPhone
        this.reasonImages = this.dataDetails.reasonImagess

        console.log('systemsInfo', this.reasonImages)

      },
      //获取手机号
      getmobileFunc() {
        this.isShowLoading = true;
        this.$api.post(global.apiUrls.post64534cbb2c352, {
          code: 'tel'
        }).then(res => {
          this.isShowLoading = false;
          if (res.data.code == 1) {
            // this.systemsInfo = res.data.data;
          }
        }).catch(err => {
          this.isShowLoading = false;
        });
      }
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: transparent;
    background-size: 100% auto;
  }

  .detailsRefund_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .detailsRefund_fd0_1 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 50rpx;
  }

  .detailsRefund_fd0_0_c0 {
    width: 20rpx;
    height: 36rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .detailsRefund_fd0_0 {
    width: 100rpx;
    height: 88rpx;
  }

  .detailsRefund_fd1_0_c2_c1 {
    background: var(--benbenbgColor1);
    font-size: 32rpx;
    color: var(--benbenFontColor4);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 500;
  }

  .detailsRefund_fd1_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 400;
  }

  .detailsRefund_fd1_0_c2 {
    border-top: 1px solid #eee;
    margin: 51rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd1_0_c1 {
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 32rpx 40rpx 0rpx 40rpx;
  }

  .detailsRefund_fd1_0_c0 {
    line-height: 44rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd1_0 {
    background: #fff;
    width: 540rpx;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .detailsRefund_flex_2 {
    background: url(image-path('24.png')) no-repeat;
    background-size: 100% 240rpx !important;
    padding: 14rpx 32rpx 0rpx 32rpx;
  }

  .detailsRefund_fd2_11_c3_1 {
    background: rgba(246, 246, 246, 1);
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    font-size: 24rpx;
    color: #333;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_11_c2 {
    background: var(--benbenbgColor5);
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    font-size: 24rpx;
    color: #333;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_11_c1 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx auto 0rpx 10rpx;
  }

  .detailsRefund_fd2_11_c0 {
    width: 32rpx;
    height: 32rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .detailsRefund_fd2_11 {
    background: var(--benbenbgColor1);
    position: fixed;
    bottom: calc(0rpx + var(--window-bottom));
    left: 0rpx;
    width: 750rpx;
    height: 88rpx;
    background-size: 100% auto !important;
  }

  .detailsRefund_fd2_10_c6_c1_c1 {
    font-size: 24rpx;
  }

  .detailsRefund_fd2_10_c6_c1_c0_c0 {
    width: 160rpx;
    height: 160rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .detailsRefund_fd2_10_c6_c1_c0 {
    margin: 0rpx 13rpx 20rpx 0rpx;
  }

  .detailsRefund_fd2_10_c6_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    margin: 0rpx 40rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_10_c5_c2 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor4);
    margin: 0rpx 0rpx 0rpx 24rpx;
    line-height: 33rpx;
  }

  .detailsRefund_fd2_10_c5_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 40rpx;
    line-height: 33rpx;
  }

  .detailsRefund_fd2_10_c2 {
    margin: 24rpx 13rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_10_c1_c1_c2_c2 {
    margin: 0rpx 0rpx 0rpx auto;
  }

  .detailsRefund_price2_fd2_10_c1_c1_c2_c1 {
    font-size: 32rpx;
  }

  .detailsRefund_fd2_10_c1_c1_c2_c1 {
    color: var(--benbenFontColor7);
    font-weight: 700;
    line-height: 40rpx;
    font-size: 32rpx;
  }

  .detailsRefund_fd2_10_c1_c1_c2_c0 {
    line-height: 40rpx;
    font-size: 32rpx;
    font-weight: 700;
    color: var(--benbenFontColor7);
  }

  .detailsRefund_fd2_10_c1_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    line-height: 33rpx;
    margin: 8rpx 0rpx 36rpx 0rpx;
  }

  .detailsRefund_fd2_10_c1_c1_c0 {
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    line-height: 42rpx;
  }

  .detailsRefund_fd2_10_c1_c1 {
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .detailsRefund_fd2_10_c1_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .detailsRefund_fd2_10_c1 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 24rpx 0rpx 24rpx 0rpx;
    margin: 0rpx 13rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_10_c0 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 0rpx 0rpx 24rpx 0rpx;
    margin: 0rpx 13rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_10 {
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 11rpx 32rpx 24rpx;
    margin: 24rpx 0rpx 128rpx 0rpx;
  }

  .detailsRefund_fd2_8_c3_c4_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor4);
    margin: 0rpx 0rpx 0rpx 136rpx;
  }

  .detailsRefund_fd2_6_c1_c1 {
    font-size: 24rpx;
    font-weight: 500;
    color: var(--benbenFontColor4);
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .detailsRefund_fd2_6_c1_c0 {
    font-size: 24rpx;
    font-weight: 500;
    color: var(--benbenFontColor4);
  }

  .detailsRefund_fd2_6_c1 {
    margin: 10rpx 0rpx 16rpx 0rpx;
  }

  .detailsRefund_price1_fd2_3_c3_c1_c2 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333;
  }

  .detailsRefund_fd2_3_c3_c1_c2 {
    color: #ff5536;
    font-weight: 600;
  }

  .detailsRefund_fd2_3_c3_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333;
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .detailsRefund_fd2_3_c3_c0_c0 {
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
  }

  .detailsRefund_fd2_3_c3 {
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_3_c2 {
    background: #FFFFFF;
    width: 686rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 0rpx 32rpx 16rpx;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_1_c3_c4_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor5);
    margin: 0rpx 0rpx 0rpx 136rpx;
  }

  .detailsRefund_fd2_1_c3_c4 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_1_c3_c3_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 40rpx;
    width: 499rpx;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-word;
  }

  .detailsRefund_fd2_1_c3_c3_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    width: 96rpx;
  }

  .detailsRefund_fd2_1_c3_c2_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .detailsRefund_fd2_1_c3_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 64rpx;
  }

  .detailsRefund_fd2_1_c3_c1_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
  }

  .detailsRefund_fd2_1_c3_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_1_c3_c0_c1 {
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .detailsRefund_fd2_1_c3_c0_c0 {
    background: var(--benbenbgColor7);
    width: 6rpx;
    height: 30rpx;
    border-radius: 4rpx 4rpx 4rpx 4rpx;
  }

  .detailsRefund_fd2_1_c3_c0 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 0rpx 0rpx 24rpx 0rpx;
  }

  .detailsRefund_fd2_1_c3 {
    background: #FFFFFF;
    width: 686rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_1_c2_c1 {
    font-size: 24rpx;
    font-weight: 500;
    color: var(--benbenFontColor4);
    margin: 10rpx 0rpx 16rpx 0rpx;
  }

  .detailsRefund_fd2_1 {
    margin: 34rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_0_c2_c3 {
    font-size: 24rpx;
    font-weight: 400;
    color: #666666;
  }

  .detailsRefund_fd2_0_c2_c2 {
    font-size: 24rpx;
    font-weight: 400;
    color: #666666;
    margin: 8rpx 0rpx 20rpx 0rpx;
  }

  .detailsRefund_fd2_0_c2_c1 {
    font-size: 24rpx;
    font-weight: 500;
    color: var(--benbenFontColor4);
    margin: 10rpx 0rpx 16rpx 0rpx;
    line-height: 33rpx;
  }

  .detailsRefund_fd2_0_c2_c0 {
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
  }

  .detailsRefund_fd2_0_c2 {
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 0rpx 32rpx 24rpx;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd2_0_c1_c3 {
    background: #fff;
    background-size: 100% auto !important;
    height: 1rpx;
  }

  .detailsRefund_fd2_0_c1_c2 {
    width: 16rpx;
    height: 16rpx;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
  }

  .detailsRefund_fd2_0_c1_c1 {
    background: #fff;
    height: 1rpx;
    background-size: 100% auto !important;
  }

  .detailsRefund_fd2_0_c1_c0 {
    width: 48rpx;
    height: 48rpx;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
  }

  .detailsRefund_fd2_0_c1 {
    padding: 0rpx 29rpx 0rpx 29rpx;
  }

  .detailsRefund_fd2_0_c0_c0 {
    font-size: 28rpx;
    font-weight: 700;
    color: #FFFFFF;
  }

  .detailsRefund_fd2_0_c0 {
    font-size: 28rpx;
    font-weight: 700;
    color: #fff;
    margin: 0rpx 0rpx 16rpx 0rpx;
  }

  .detailsRefund_fd2_0 {
    margin: 48rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_flex_3 {
    width: 540rpx;
  }

  .detailsRefund_fd3_1_c0 {
    width: 62rpx;
    height: 62rpx;
    border-radius: 31rpx 31rpx 31rpx 31rpx;
  }

  .detailsRefund_fd3_1 {
    margin: 48rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd3_0_c2 {
    line-height: 50rpx;
    font-size: 36rpx;
    font-weight: 500;
    color: #333333;
    margin: 0rpx 0rpx 45rpx 0rpx;
  }

  .detailsRefund_fd3_0_c1 {
    width: 138rpx;
    height: 98rpx;
    margin: 32rpx 0rpx 32rpx 0rpx;
  }

  .detailsRefund_fd3_0_c0 {
    line-height: 45rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .detailsRefund_fd3_0 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }
</style>
